$(function () {
    let page = 1, perpage = 10
    // 列表渲染
    // 19、文章评论搜索
    // 请求地址：/admin/comment/search
    // 请求方式：get
    function init() {
        $.ajax({
            url: bignew.comment_search,
            data: {
                page, perpage
            },
            dataType: 'json',
            success: function (res) {
                console.log(res);
                if (res.code == 200) {
                    // 渲染评论的列表结构
                    $('tbody').html(template('commentListTemp', res.data))
                    // 渲染分页结构
                    createPage(res.data.totalPage)
                }
            }
        })
    }
    init()

    // 写个方法，实现分页结构的生成及功能
    function createPage(total) {
        $('#pagination').bootstrapPaginator({
            bootstrapMajorVersion: 3, // 设置你项目中当前所使用的bootstrap版本
            currentPage: page,// 当前页码
            totalPages: total, // 
            numberOfPages: 8,
            onPageClicked: function (event, originalEvent, type, cpage) { // 单击页码时所触发的事件
                // 重置全局的page
                page = cpage
                //  重新发起ajax请求
                init()
            }
        })
    }
    function opt(id, url) {
        $.ajax({
            type: 'post',
            url: url,
            data: { id },
            dataType: 'json',
            success: function (res) {
                console.log(res)
                if (res.code == 200) {
                    alert(res.msg)
                    init()
                }
            }
        })
    }
    // 事件委托
    $('tbody').on('click', '.btn-accept', function () {
        let id = $(this).data('id')
        opt(id, bignew.comment_pass)
    })
    $('tbody').on('click', '.btn-reject', function () {
        let id = $(this).data('id')
        opt(id, bignew.comment_reject)
    })
    $('tbody').on('click', '.btn-delete', function () {
        let id = $(this).data('id')
        opt(id, bignew.comment_delete)
    })
})